<HTML>
  <HEAD>
    <meta name="viewport" content="width=320, user-scalable=no, initial-scale=1.0, maximum-scale=1.0" />
    <meta http-equiv="x-ua-compatible" content="IE=edge" >
    <title>Office Supplies, Technology, Ink Much More | Staples - add checkout tag because url is inaccessible from test</title>
    <meta name="title" content="Office Supplies, Technology, Ink Much More | Staples" />
    <meta name="description" content="Your partner for office supplies, technology and cleaning & breakroom. Discover more about Staples product range today. FREE shipping on orders over $45">
    <meta charset="UTF-8" />
  </HEAD>
  <BODY style="margin:0px; padding: 0px;">
    <div id="id_skPageContainer" class="cls_skCOPg">
      <div id="id_skStudio_Wrapper">
        <div id="id_scfHeader" class="scfHeader" align="center"></div>
        <div id="studiop_31" class="scfPage skcWebPage sk-ui-layout-legacy" align="center" data-pageid="31" data-viewName = "mobile" data-pageUrl="office/supplies/StaplesCheckoutFlow" >
          <div id="id_scfContent_" class="scfContent" align="left">
            <div id="old_checkout" class="lyt_cont_div page" style= "width: 100%; height: 480px; " flexiPage="true">
              <div id="skPageLayoutCell_31_id-center" class="skc_pageCellLayout cls_skWidget widget68 " widgetId = "306" widgetName = "widget68" widgetType = "6" style="width:100.0%;height:480px;float: left;position: relative; overflow: hidden;">
                <div class="cls_richTextWidget" id=skPageLayoutCell_31_id-center >
                  <div id="id_skPageContainer">
                    <div id="id_skcontent" class="cls_skContent cls_skCntPanelClosed">
                      <div id="id_skPageContent">
                        <div class="testcheckout">
                          <div class="cls_skCOHeaderCont">
                            <div class="cls_skCOBackNav"></div>
                            <span class="cls_skManageAddrHeading cls_skHide">Manage Addresses</span>
                            <span class="cls_skEditAddrHeading cls_skHide">Edit Address</span>
                            <span class="cls_skAddAddrHeading cls_skHide">Add Address</span>
                            <span class="cls_skCOHeading cls_skHide">Checkout</span>
                            <span class="cls_skECOHeading cls_skHide">Guest Checkout</span>
                            <span class="cls_skStorePickUpHeading cls_skHide"></span>
                            <span class="cls_skAlternatePickUpHeading cls_skHide">Alternate Pick Up Person</span>
                            <span class="cls_skRCHeading cls_skHide">Returning Customer</span>
                            <span class="cls_skManageCardHeading cls_skHide">Manage Payment Methods</span>
                            <span class="cls_skEditCardHeading cls_skHide">Edit Payment Method</span>
                            <span class="cls_skAddCardHeading cls_skHide">Add Payment Method</span>
                          </div>
                          <div class="cls_skCOShippingText"></div>
                          <div class="cls_skLoginCont cls_skHide">
                            <div class="cls_skAppleSkuCOCont cls_skHide">
                              <b>Guest Checkout Not Available</b>
                              <br>Because of one or more items in your Cart, Guest Checkout is not available. Please sign in to continue.
                            </div>
                            <div class="cls_skGuestCOCont">
                              <div class="cls_skSignInCont"> Returning customer?
                                <div class="cls_skSignInBtn">SIGN IN</div>
                              </div>
                              <div class="cls_skGuestCOTxt">Guest Checkout</div>
                              <div class="cls_skClear"></div>
                            </div>
                          </div>
                          <div class="cls_skSigninWrap cls_skHide">
                            <form class="cls_skCOLogonForm">
                              <div id="id_skSigninErr" class="cls_skSigninErr"></div>
                              <div id="id_skSignInputName" class="cls_skInput">
                                <input id="id_skCOUsername" name="userName" class="cls_skInputTxt cls_skUsername scTrack scInput" sctype="scInput" scvalue="username" scinput="input" fieldtype="username" placeholder="Username or Email address" event="username field" tabindex="5" maxlength="55" autocomplete="on" autocorrect="off" autocapitalize="off" type="email">
                                <div class="cls_skClearBut"></div>
                              </div>
                              <div id="id_skSignInputPwd" class="cls_skInput">
                                <input id="id_skCOPwd" name="password" class="cls_skInputTxt cls_skPwd scTrack scInput" sctype="scInput" scvalue="password" scinput="input" fieldtype="pwd" placeholder="Password" event="password field" tabindex="5" maxlength="256" autocapitalize="off" autocomplete="on" type="password">
                                <div class="cls_skClearBut"></div>
                              </div>
                            </form>
                            <div class="cls_skForgotPwd scTrack scButton" sctype="scButton" scvalue="forgetpassword">Forgot Password?</div>
                            <div class="cls_skSignIn scTrack scButton" sctype="scButton" scvalue="Signin">Sign In</div>
                            <div class="cls_skClear"></div>
                          </div>
                          <div class="cls_skUserCont">
                            <div id="id_skCOErrorCont" class="cls_skCOErrorCont"></div>
                            <div id="id_skCOShippingCont" class="cls_skCOShippingCont cls_skHide">
                              <div id="id_skCheckoutInputCont" class="cls_skCheckoutInputCont">
                                <div id="id_skShipInputName" class="cls_skInput">
                                  <input id="id_skCOName" class="cls_skInputTxt cls_skName scTrack scInput" sctype="scInput" scvalue="editname" scinput="input" fieldtype="name" placeholder="Full Name (First Name Last Name)" event="shipping name" tabindex="1" maxlength="128" name="cardName" autocomplete="on" autocorrect="off" autocapitalize="off" type="text">
                                  <div class="cls_skClearBut"></div>
                                </div>
                                <div id="id_skShipInputAddress" class="cls_skInput">
                                  <div class="cls_skAddressWrapper">
                                    <div class="cls_skCOShipAddress cls_skAddressCont">
                                      <input id="id_skCOShipAddress" class="cls_skInputTxt cls_skAddress cls_skShipToAddress scTrack scInput" sctype="scInput" scvalue="editadd" scinput="input" fieldtype="address" placeholder="Shipping Address" event="shipping address" tabindex="2" maxlength="128" addresstype="ship" type="text">
                                      <div class="cls_skClearBut"></div>
                                    </div>
                                    <div class="cls_skCOShipAptBldg">
                                      <input id="id_skCOShipAptBldg" class="cls_skInputTxt cls_skInputOptionalTxt cls_skApartment scInput" scvalue="apartment" scinput="input" fieldtype="aptbldg" placeholder="Apt/Bldg (optional)" event="shipping apt/suite" tabindex="3" maxlength="35" type="text">
                                      <div class="cls_skClearBut"></div>
                                    </div>
                                  </div>
                                </div>
                                <div class="cls_skShipToStore cls_skHide">
                                  <div class="cls_skShipToStoreDetailTxt"></div>
                                </div>
                                <div class="cls_skStorePickUpBtn cls_skHide">
                                  <div class="cls_skStorePickUpBtnTxt"></div>
                                </div>
                                <div id="id_skShipInputPhone" class="cls_skInput">
                                  <input id="id_skCOPhoneno" class="cls_skInputTxt cls_skCOPhoneno cls_skPhoneNo scTrack scInput" sctype="scInput" scvalue="editphone" scinput="input" maxlength="16" fieldtype="phnumber" placeholder="Phone" event="shipping phone number" tabindex="4" type="tel">
                                  <div class="cls_skClearBut"></div>
                                </div>
                                <div id="id_skShipInputEmail" class="cls_skInput">
                                  <input id="id_skCOEmail" class="cls_skInputTxt cls_skEmail scTrack scInput" sctype="scInput" scvalue="email" scinput="input" fieldtype="email" placeholder="Email" event="shipping email" tabindex="5" maxlength="256" autocapitalize="off" type="email">
                                  <div class="cls_skClearBut"></div>
                                </div>
                                <div id="id_skShipInputCredit" class="cls_skInput">
                                  <div class="cls_skAddressWrapper">
                                    <div class="cls_skCrditCarDetailsCont">Credit Card Details</div>
                                    <div class="cls_skCrditCardImg"></div>
                                    <div class="cls_skCOCreditCardCont">
                                      <label class="cls_skAstrickSymbol">*</label>
                                      <input id="id_skCOCreditCard" class="cls_skInputTxt cls_skCreditCardNo cls_skCreditCard scTrack scInput" sctype="scInput" scvalue="creditcard" scinput="input" maxlength="19" fieldtype="cardNumber" event="card number" placeholder="1234 5647 8901 2345" tabindex="6" name="cardNumber" type="tel">
                                    </div>
                                    <div class="cls_skCOCreditYrMnthCont">
                                      <input class="cls_skInputTxt cls_skCreditYrMth cls_skCreditCard scInput" scvalue="month/year" scinput="input" fieldtype="mnthYr" placeholder="EXP" event="expire month/year" tabindex="7" name="expirationMonth" type="tel">
                                    </div>
                                    <div class="cls_skCOCreditCcv">
                                      <input class="cls_skInputTxt cls_skCreditCcv cls_skCreditCard scInput" scvalue="CVV" scinput="input" maxlength="4" fieldtype="cvv" placeholder="CVV" event="card id" tabindex="8" name="cvv" type="tel">
                                    </div>
                                    <div class="cls_skClearBut"></div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class="cls_skCOSaveCCCont cls_skHide"> Save credit card
                              <div class="cls_skCOSaveCCtoggleCont">
                                <div class="cls_skCOSaveCCtoggleYes scTrack scOption" sctype="scOption" and="" scvalue="No|Yes"></div>
                                <div class="cls_skCOSaveCCtoggleNo scTrack scOption" sctype="scOption" and="" scvalue="No|Yes"></div>
                              </div>
                            </div>
                            <div class="cls_skCOUseAsCont cls_skHide"> Use<span></span>&nbsp;as billing address
                              <div class="cls_skCOUseAstoggleCont">
                                <div class="cls_skCOUseAstoggleYes scTrack scOption" sctype="scOption" and="" scvalue="No|Yes"></div>
                                <div class="cls_skCOUseAstoggleNo scTrack scOption" sctype="scOption" and="" scvalue="No|Yes"></div>
                              </div>
                            </div>
                            <div id="id_skCOBillingCont" class="cls_skCOBillingCont cls_skHide">
                              <div id="id_skCheckoutInputCont" class="cls_skCheckoutInputCont">
                                <div id="id_skBillInputName" class="cls_skInput">
                                  <input id="id_skCOName" class="cls_skInputTxt cls_skName scTrack scInput" sctype="scInput" scvalue="bname" scinput="input" fieldtype="name" placeholder="Card Holder Name" event="billing name" tabindex="9" maxlength="128" autocomplete="on" autocorrect="off" autocapitalize="off" type="text">
                                  <div class="cls_skClearBut"></div>
                                </div>
                                <div id="id_skBillInputAddress" class="cls_skInput">
                                  <div class="cls_skAddressWrapper">
                                    <div class="cls_skCOShipAddress cls_skAddressCont">
                                      <input id="id_skCOShipAddress" class="cls_skInputTxt cls_skAddress cls_skBillToAddress scTrack scInput" sctype="scInput" scvalue="baddress" scinput="input" fieldtype="address" placeholder="Billing Address" event="billing address" tabindex="10" maxlength="128" type="text">
                                      <div class="cls_skClearBut"></div>
                                    </div>
                                    <div class="cls_skCOShipAptBldg">
                                      <input id="id_skCOShipAptBldg" class="cls_skInputTxt cls_skInputOptionalTxt cls_skApartment scInput" scvalue="apartment" scinput="input" fieldtype="aptbldg" placeholder="Apt/Bldg (optional)" event="billing apt/suite" tabindex="11" maxlength="35" type="text">
                                      <div class="cls_skClearBut"></div>
                                    </div>
                                  </div>
                                </div>
                                <div id="id_skBillInputPhone" class="cls_skInput">
                                  <input id="id_skCOPhoneno" class="cls_skInputTxt cls_skCOPhoneno cls_skPhoneNo scTrack scInput" sctype="scInput" scvalue="bphone" scinput="input" maxlength="16" fieldtype="phnumber" placeholder="Phone" event="billing phone number" tabindex="12" type="tel">
                                  <div class="cls_skClearBut"></div>
                                </div>
                              </div>
                            </div>
                            <div id="id_skCartCouponsCont" class="cls_skCartCouponsCont cls_skHide"></div>
                            <div id="id_skSavedAddrWrap" class="cls_skHide">
                              <div id="id_skSavedAddrCont" class="cls_skSavedAddrCont">
                              </div>
                            </div>
                            <div id="id_skAddrWrap" class="cls_skHide">
                              <div id="id_skAddrCont" class="cls_skAddrCont">
                                <div id="id_skCheckoutInputCont" class="cls_skCheckoutInputCont">
                                  <div class="cls_skInput">
                                    <input id="id_skCOName" class="cls_skInputTxt cls_skName scTrack scInput" scvalue="name" scinput="input" fieldtype="name" placeholder="Name" event="shipping name" tabindex="9" maxlength="128" autocomplete="on" autocorrect="off" autocapitalize="off" type="text">
                                    <div class="cls_skClearBut"></div>
                                  </div>
                                  <div class="cls_skInput">
                                    <div class="cls_skCOShipAddress cls_skAddressCont">
                                      <input id="id_skCOShipAddress" class="cls_skInputTxt cls_skAddress scTrack scInput" scvalue="address" scinput="input" fieldtype="address" placeholder="Address" event="shipping address" tabindex="10" maxlength="128" type="text">
                                      <div class="cls_skClearBut"></div>
                                    </div>
                                    <div class="cls_skCOShipAptBldg">
                                      <input id="id_skCOShipAptBldg" class="cls_skInputTxt cls_skInputOptionalTxt cls_skApartment scInput" scvalue="apartment" scinput="input" fieldtype="aptbldg" placeholder="Apt/Bldg (optional)" event="shipping apt/suite" tabindex="11" maxlength="35" type="text">
                                      <div class="cls_skClearBut"></div>
                                    </div>
                                  </div>
                                  <div class="cls_skInput">
                                    <input id="id_skCOPhoneno" class="cls_skInputTxt cls_skCOPhoneno cls_skPhoneNo scTrack scInput" scvalue="phone" scinput="input" maxlength="16" fieldtype="phnumber" placeholder="Phone" event="shipping phone number" tabindex="12" type="tel">
                                    <div class="cls_skClearBut"></div>
                                  </div>
                                </div>
                                <div class="cls_skShipToAddr cls_skHide scTrack scButton" sctype="scButton" scvalue="shiptoaddress">SHIP TO THIS ADDRESS</div>
                                <div class="cls_skNewAddrContinue cls_skHide">CONTINUE</div>
                              </div>
                            </div>
                            <div id="id_skSavedCardWrap" class="cls_skHide">
                              <div id="id_skSavedCardCont" class="cls_skSavedCardCont"></div>
                            </div>
                            <div id="id_skCardWrap" class="cls_skHide">
                              <div id="id_skCardCont" class="cls_skCardCont">
                                <div id="id_skManageCardInputCont" class="cls_skCheckoutInputCont">
                                  <div id="id_skManageInputCredit" class="cls_skInput">
                                    <div class="cls_skCrditCarDetailsCont">Credit Card Details</div>
                                    <div class="cls_skCrditCardImg"></div>
                                    <div class="cls_skCOCreditCardCont">
                                      <label class="cls_skAstrickSymbol">*</label>
                                      <input id="id_skManageCreditCard" class="cls_skInputTxt cls_skCreditCardNo cls_skCreditCard scTrack scInput" scvalue="editcardno" scinput="input" maxlength="19" fieldtype="cardNumber" placeholder="1234 5647 8901 2345" tabindex="6" name="cardNumber" type="tel">
                                    </div>
                                    <div class="cls_skCOCreditYrMnthCont">
                                      <input class="cls_skInputTxt cls_skCreditYrMth cls_skCreditCard scInput" scvalue="month/year" scinput="input" fieldtype="mnthYr" placeholder="EXP" tabindex="7" name="expirationMonth" type="tel">
                                    </div>
                                    <div class="cls_skCOCreditCcv">
                                      <input class="cls_skInputTxt cls_skCreditCcv cls_skCreditCard scInput" scvalue="CVV" scinput="input" maxlength="4" fieldtype="cvv" placeholder="CVV" tabindex="8" name="cvv" type="tel">
                                    </div>
                                    <div class="cls_skClearBut"></div>
                                  </div>
                                </div>
                                <div class="cls_skPayBtn cls_skHide scTrack scButton" sctype="scButton" scvalue="selectthiscard">SELECT THIS CARD</div>
                                <div class="cls_skNewCardContinue cls_skHide scTrack scButton" sctype="scButton" scvalue="addcard">ADD CARD</div>
                              </div>
                            </div>
                            <div id="id_skStorePickUpWrap" class="cls_skStorePickUpWrap cls_skHide">
                              <div class="cls_skCOaccContainer"></div>
                            </div>
                            <div id="id_skAltPickUpWrap" class="cls_skAltPickUpWrap cls_skHide">
                              <div class="cls_skStorePickupAlternateCont">
                                <div id="id_skAltPUInputPhone" class="cls_skInput">
                                  <input id="id_skAltPUName" class="cls_skInputTxt cls_skName scInput" scvalue="name" scinput="input" fieldtype="name" placeholder="Name" tabindex="1" maxlength="128" autocomplete="on" autocorrect="off" autocapitalize="off" type="text">
                                  <div class="cls_skClearBut"></div>
                                </div>
                                <div id="id_skAltPUInputPhone" class="cls_skInput">
                                  <input id="id_skAltPUPhoneno" class="cls_skInputTxt cls_skCOPhoneno cls_skPhoneNo scInput" scvalue="phone" scinput="input" maxlength="16" fieldtype="phnumber" placeholder="Phone" tabindex="2" type="tel">
                                  <div class="cls_skClearBut"></div>
                                </div>
                                <div id="id_skAltPUInputEmail" class="cls_skInput">
                                  <input id="id_skAltPUEmail" class="cls_skInputTxt cls_skEmail scInput" scvalue="email" scinput="input" fieldtype="email" placeholder="Email" tabindex="3" maxlength="256" autocapitalize="off" type="email">
                                  <div class="cls_skClearBut"></div>
                                </div>
                                <div class="cls_skAlternatePickupContinue">CONTINUE</div>
                              </div>
                            </div>
                            <div class="cls_skCheckoutVme cls_skHide">
                              <div class="cls_skVmeErrorMsg hide"></div>
                              <div class="cls_skCardImg"></div>
                            </div>
                          </div>
                        </div>
                        <div class="cls_skCOOrderCont cls_skHide">
                          <div class="cls_skCOOrderItemsCont">
                            <div class="cls_skCOItems cls_skCODetails"> Product Total <b>$0.00</b></div>
                            <div class="cls_skCOShipping cls_skCODetails"> Shipping <b>Free</b></div>
                            <div class="cls_skCOOversize cls_skCODetails"> Oversize Shipping Fees <b>$0.00</b></div>
                            <div class="cls_skCOCoupons cls_skCODetails"> Coupons&nbsp;&amp;&nbsp;Rewards <b>$0.00</b></div>
                            <div class="cls_skCOTax cls_skCODetails"> Estimated Tax <b>$0.00</b></div>
                            <div class="cls_skCOTotalCost cls_skCOTotAmt cls_skCODetails"> Total Amount Due <span>$0.00</span></div>
                          </div>
                          <div class="cls_skCOPayCont">
                            <div class="cls_skCOPayNow scTrack scPay" sctype="scPay" tabindex="13">PLACE ORDER</div>
                            <div class="cls_skCOPayNowLoading">
                              <div class="cls_skActivitySpinner"></div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div id="id_skTaxCalculationPopup" class="cls_skTaxCalculationPopup">
                        <div class="cls_skTaxCalculationCont">
                          <div class="cls_skLoadingImg"></div>
                          <div class="cls_skTaxCalculationMsg">Calculating Tax</div>
                        </div>
                      </div>
                      <div id="id_skMFLoadingGauge" class="cls_skPageLoadingGauge">
                        <div class="cls_skActivitySpinner"></div>
                      </div>
                      <div id="id_skPanelCntWrap" class="cls_skPanelCntWrap"></div>
                      <div class="cls_skCORPValidationPopup"></div>
                      <div class="cls_skVPopupTop"></div>
                      <div id="id_skHeightEl" class="cls_skHeightEl" style="display:none"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="id_scfFooter" class="scfFooter"></div>
      </div>
    </div>
    <div class="cls_skCouponCont"></div>
    <div class="cls_skATBPopupMask"></div>
  </BODY>
</HTML>
